<template>
	<view class="user-info" :style="'height:'+ screenHeight +'px !important;'">
		<uni-nav-bar color="#ffffff" background-color="#007AFF" :status-bar="true" left-icon="arrowleft" title="个人信息" @clickLeft="back" />
		<uni-list>
			<uni-list-item title="姓名" rightText="XXXX"/>
			<uni-list-item title="身份证" rightText="5********************x"/>
			<uni-list-item title="性别" rightText="男" @tap="settingsex"/>
			<uni-list-item title="年龄" rightText="22" @tap="settingage"/>
			<uni-list-item title="学历" rightText="本科" @tap="settingeducation"/>
		</uni-list>
		<view class="user-divider"></view>
		<uni-list>
			<uni-list-item title="家庭住址" @tap="settingaddress"/>
			<uni-list-item title="工作地址" @tap="settingaddress"/>
		</uni-list>
		<view class="user-divider"></view>
		<uni-list>
			<uni-list-item title="所属行业" @tap="settingjob"/>
		</uni-list>
		<view class="user-divider"></view>
		<uni-list>
			<uni-list-item title="兴趣爱好" rightText="未填写" @tap="settinghobby"/>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			 screenHeight: '',	
			}
		},
		onLoad() {
		     this.screenHeight = uni.getSystemInfoSync().windowHeight;
		},
		methods: {
			settingsex(e){
				uni.navigateTo({
					url:"./info/sex"
				})
			},
			settingaddress(e){
				uni.navigateTo({
					url:"./info/address"
				})
			},
			settingjob(e){
				uni.navigateTo({
					url:"./info/job"
				})
			},
			settingage(e){
				uni.navigateTo({
					url:"./info/age"
				})
			},
			settingeducation(e){
				uni.navigateTo({
					url:"./info/education"
				})
			},
			settinghobby(e){
				uni.navigateTo({
					url:"./info/hobby"
				})
			},
			back(e){
				console.log("aaaa")
				uni.navigateTo({
					url:"./user"
				})
			},
		}
	}
</script>

<style scoped lang="less">
	@import url("../../static/color.less");
	.user-info{
		width: 100%;
		height: 100%;
		background-color:@colorLightGray;
	}
	.user-divider{
		background-color: @colorLightGray;
		height: 30rpx;
	}
</style>
